


  .breadcrumb-wrap {
    padding: 0 20px;
    height: 40px;
    background: linear-gradient(180deg, #F8FBFC 0%, #FFFFFF 100%);
  }
  .el-breadcrumb {
    font-size: 12px;
  }
  .breadcrumb-content {
    height: 100%;
    width: 100%;
   border-bottom: 1px solid #F0F4F7;;
  }
  .breadcrumb_short_line {
    width: 1px;
    height: 10px;
    margin: 0 5px;
    background: #E1E6EB;
  }

  .breadcrumb-link.el-button.is-text {
    color: #7A8A99;
    font-size: 12px;
    &:not(.is-disabled):hover {
      background: #E8EDF3;
    }
    &:not(.is-disabled):focus {
      background: #E8EDF3;
    }
  }

  .breadcrumb-unlink {
    color: #7A8A99;
    height: 29px;
    display: inline-block;
    line-height: 29px;
    margin-left: 4px;
  }
  .breadcrumb-last {
    color: #435970 !important;
  }
  .el-breadcrumb__separator.el-icon {
    margin: 0 2px;
  }